@import '../reset.css';
@media screen and (max-width: 450px) {
  /deep/ .ant-input-affix-wrapper .ant-input-suffix{
    right: -28%;
  }
}
@media screen and (max-width: 1080px) {
  /deep/ .ant-input-suffix{
    right: -10%;
  }
  .wrapper {
    width: 100%;
    ul {
      list-style: none;
    }
    .close {
      position: absolute;
      font-size: 25px;
      top: 80px;
      right: 30px;
      color: #ccc;
    }
    .loading {
      position: absolute;
      top: 170px;
      left: 50%;
    }
    .tag {
      display: none;
    }

    .tag-list {
      width: 90%;
      margin: 10px auto;
      display: flex;
      flex-wrap: wrap;
      text-indent: 2rem;
      line-height: 36px;
      background: white;
      border-radius: 4px;
      padding: 0px 20px;
      .tag-item {
        display: none;
      }
      .search {
        display: flex;
        justify-content: center;
        margin-left: -2rem;
        width: 100%;
      }
      .active {
        color: rgb(0, 161, 214);
      }
    }

    .video-list {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      width: 95%;
      min-height: 400px;
      margin: 0px auto;
      padding-left: 0px;
      padding-bottom: 50px;
      .video-item {
        width: 140px;
        height: 100%;
        margin-bottom: 20px;
        border: 1px solid #e5e9ef;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        margin: 20px 0px;
        .video-item-cover {
          border-radius: 4px;
          width: 180px;
          height: 100px;
          display: block;
        }
        .video-item-descript {
          width: 90%;
          margin: 0 auto;
          color: #222;
          font: 12px Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
            Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
          .video-item-p {
            color: #99a2aa;
            text-align: start;
            margin: 7px auto;
          }
          .video-item-title {
            display: block;
            line-height: 20px;
            height: 38px;
            margin-top: 6px;
            overflow: hidden;
            color: #222;
          }
          .video-item-detail {
            width: 100%;
            font-size: 12px;
            .video-item-detail-play {
              margin-right: 8px;
            }
          }
        }
      }
      .empty-video-item {
        border: none;
        margin: 0px;
      }
    }
    .pagination {
      position: relative;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
    }
    .ifram {
      width: 100%;
      height: 100%;
    }
  }
}